@charset "utf-8";

* {
    margin: 0;
    padding: 0;
}
html{
    overflow: hidden;
}

body {
    width: 100vw;
    height: 100vh;
}

@function vw($vw) {
    @return $vw / 750 * 100+vw;
}

.web {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../img/bg.png);
    background-size: cover;
    overflow: hidden;

    .logo {
        margin-top: vw(50);
        text-align: center;
        //    width: 100%;
        //    height: 100%;
        // background: url(../img/logo.png);
        // overflow: hidden;
        // background-color: red;
        img {
            // margin: 0 auto;
            // margin-left: vw(150);
            // margin: 0 auto;
            // text-align: center;
        }
    }

    .content {
        margin-top: vw(200);

        div:nth-child(1) {
            margin: vw(50) auto;
            width: vw(600);
            height: vw(76);
            background-color: #fff;
            border-radius: vw(38);
            line-height: vw(76);
            opacity: 0.5;
            //   margin-bottom: vw(50);

            span {
                margin-left: vw(30);
                font-size: vw(38);
            }

            input {
                border: none;
                width: vw(400);
                height: vw(60);
                outline: none;
                font-size: vw(30);
            }
        }

        div:nth-child(2) {
            margin: vw(50) auto;
            width: vw(600);
            height: vw(76);
            background-color: #fff;
            border-radius: vw(38);
            line-height: vw(76);
            opacity: 0.5;

            span {
                margin-left: vw(30);
                font-size: vw(38);
            }

            input {
                border: none;
                width: vw(400);
                height: vw(60);
                outline: none;
                font-size: vw(30);
            }
        }

        div:nth-child(3) {
            margin: vw(50) auto;
            width: vw(600);
            height: vw(76);
            background-color: #fff;
            border-radius: vw(38);
            line-height: vw(76);
            opacity: 0.5;

            span {
                margin-left: vw(20);
                font-size: vw(30);
            }

            input {
                border: none;
                width: vw(400);
                height: vw(60);
                outline: none;
                font-size: vw(30);
            }
        }
    }

    .btn_wrapper {
        margin: 0 auto;
        text-align: center;

        .lbtn {
            font-size: vw(35);
            width: vw(245);
            height: vw(76);
            background-color: #ffffff;
            border-radius: 38px;
            color: #0075c1;
            opacity: 0.7;
            border: none;

        }
        .rbtn {
            font-size: vw(35);
            width: vw(245);
            height: vw(76);
            background-color: #ffffff;
            border-radius: 38px;
            color: #0075c1;
            opacity: 0.7;
            margin-left: vw(50);
            border: none;
        }
    }
}